﻿html,body{font-size: 28px;}
body * {max-height: 99999px;}
a{text-decoration: none;}
.icon{display: inline-block;}
/*布局*/
.clearfix{*zoom:1;}
.clearfix:after{display: block;content: "";height: 0;clear: both;}
.fl{float: left;}
.fr{float: right;}
/*定位*/
.relative{position: relative;}
.absolute{position: absolute;}
.fixed{position: fixed;}
/*字号*/
.base{font-size: 14px;}
.small{font-size: 12px;}
.big{font-size: 16px;}
.large{font-size: 20px;}
/*功能*/
.ohide{overflow: hidden;}
.auto{margin-left: auto;margin-right: auto;}
/*对齐*/
.tac{text-align: center;}
.tal{text-align: left;}
.tar{text-align: right;}
.vam{vertical-align: middle;}
/*显示隐藏*/
.dblock{display: block;}
.dnone{display: none;}
.dtable{display: flex;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flexbox;}
.dcell{width: 50%;}
.invisible{opacity: 0;}
/*边框处理*/
.bdtop{border-top: 1px solid #000;}
.bdnone{border: none;}
.bdlnone{border-left: none;}
.bdrnone{border-right: none;}
/* background */
.bgfff{background-color: #fff;}
/* app下载提示框 所有页面共享此样式 谨慎改动 */
.all-wrap{
	width: 100%;
	padding-bottom: 134px;
}
.head-fix{
	position: fixed;
	width: 100%;
	top: 0;
	background-color: #f4f4f4;
	z-index: 3;
}
.all-wrap .app-download{
	width: 100%;
	height: 118px;
	line-height: 118px;
	background-color: #4d4d4d;
	display: none;
}
.app-download > div{
	height: 100%;
}
.app-download > div .icon,.app-download .to-app-download a{
	vertical-align: middle;
}
.app-download .app-d-close{
	width: 70px;
	text-align: center;
}
.app-download .app-d-close .icon{
	width: 32px;
	height: 32px;
	background: url('../sprite/app-d-close.png') no-repeat;
}
.app-download .app-d-logo{
	width: 94px;
}
.app-download .app-d-logo .icon{
	width: 94px;
	height: 94px;
	background: url('../sprite/app-d-logo.png') no-repeat;
}
.app-download .app-d-describle p{
	padding-left: 12px;
	padding-top: 26px;
}
.app-download .app-d-describle strong{
	font-size: 26px;
	color: #fff;
}
.app-download .app-d-describle{
	line-height: 30px;
	color: #d9d9d9;
	font-size: 24px;
}
.app-download .to-app-download{
	width: 148px;
	padding-right: 24px;
}
.app-download .to-app-download a{
	display: inline-block;
	width: 142px;
	height: 52px;
	text-align: center;
	line-height: 52px;
	color: #ff6461;
	border: 2px solid #ff6461;
	border-radius: 6px;
}
/* 头部的背景色，行高 所有页面公用*/
.all-wrap header{
	width: 100%;
	height: 88px;
	position: relative;
	line-height: 88px;
	color: #fff;
	background-color: #282828;
}
header .header-lg-title{
	width: -webkit-calc(100% - 180px);
	font-size: 36px;
}
header .header-back,header .header-s-chat,header .header-more{
	width: 90px;
}
header .header-lg-title,header .header-back,header .header-s-chat,header .header-more{
	text-align: center;
	height: 100%;
}
.header-back .icon,.header-s-chat .icon,.header-more .icon{
	vertical-align: middle;
}
.header-back .icon{
	background: url('../../temple/images/header-back.png') no-repeat center center;
	width: 42px;
	height: 42px;
}
.header-s-chat .icon{
	background: url('../../temple/images/header-chat.png') no-repeat center center;
	width: 46px;
	height: 42px;
}
.header-more .icon{
	background: url('../../temple/images/header-more.png') no-repeat center center;
	width: 42px;
	height: 40px;
}
/* banner*/
.banner{
	width: 100%;
}
.banner-wrap {
	width: 100%;
	overflow: hidden;
}
.banner-wrap .banner-img{
	width: 500%;
}
.banner .banner-img a img,.banner .banner-img img{
	display: block;
	float: left;
	width: 20%;
}
.banner .banner-point{
	width: 140px;
	height: 12px;
	left: -webkit-calc(50% - 70px);
	bottom: 24px;
}
.banner .banner-point li{
	float: left;
	background-color: #fff;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	margin: 0 8px;
}
.banner .banner-point li.active{
	background-color: #ff6461;
}
/* 栏目的标题, 有标题的页面公用 */
.all-wrap .content{
	width: 100%;
}
.content .content-wrap1{
	width: -webkit-calc(100% - 30px);
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}
.content .sort-title-type1{
	font-size: 30px;
	height: 78px;
	line-height: 78px;
	width: 100%;
	text-align: center;
}
.content .sort-title-type1 a{
	color: #444;
}
.sort-title-type1 .icon{
	width: 32px;
	height: 36px;
	margin-left: 16px;
	vertical-align: middle;
	background: url('../sprite/titile-sort-arrow.png') no-repeat;
}
.full-width-pic{
	width: 100%;
	overflow: hidden;
}
.full-width-pic > img,.full-width-pic a img{
	width: 100%;
	/* display: block; */
    background-color: #f4f4f4;	
}
.content-wrap1 .sort-content-type1{
	width: -webkit-calc(100% + 24px);
}
.sort-content-type1 .sort-item-type1{
	float: left;
	width: 50%;
}
.sort-item-type1 .full-width-pic img{
	border-radius: 5px;
    	background-color: #f4f4f4;	
	height: 320px;
    	object-fit: cover;
}
.sort-item-type1 .item-describle{
	padding-top: 30px;
	padding-bottom: 30px;
}
.sort-item-type1 .item-describle p{
	color: #272727;
	font-size: 24px;
	line-height: 30px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.sort-item-type1 .item-width{
	width: -webkit-calc(100% - 24px);
}
.sort-item-type1 .item-describle p em{
	font-size: 24px;
	color: #ff6461;
	padding-right: 28px;
}
.sort-item-type1 .item-describle p i{
	font-size: 20px;
	color: #b1b1b1;
	text-decoration: line-through;
}
/* 底部导航，所有的页面通用 */
.all-wrap footer{
	width: 100%;
	background-color: #fff;
	/* display: table; */
	height: 104px;
	position: fixed;
	bottom: 0;
	z-index: 2;
	float: left;
}
.footer-nomal a{
	width: 25%;
}
.footer-custom a{
	width: 33.33%;
}
.footer-nomal a,.footer-custom a{
	/* display: table-cell; */
	float: left;
	background-color: #fafafa;
	border-top: 1px solid #d9d9d9;
	text-align: center;
}
footer a p{
	font-size: 22px;
	color: #484848;
}
footer a .icon{
	width: 48px;
	height: 44px;
	margin-top: 16px;
	margin-bottom: 6px;
}
footer a.active p{
	color: #ff6461;
}
footer a .nav-home.icon{
	background: url('../../temple/icon/home.png') no-repeat center center;
}
footer a .nav-sort.icon{
	background: url('../sprite/nav-sort.png') no-repeat center center;
}
footer a .nav-car.icon{
	position: relative;
	background: url('../sprite/nav-car.png') no-repeat center center;
}
footer a .nav-car.icon i{
	position: absolute;
	width: 26px;
	height: 26px;
	line-height: 26px;
	background-color: #ff6461;
	color: #fff;
	font-size: 20px;
	text-align: center;
	border-radius: 50%;
	top: -6px;
	right: -18px;
	display: none;
}
footer a .nav-user.icon{
	background: url('../../temple/icon/ucenter.png') no-repeat center center;
}
footer a .nav-custom.icon{
	position: relative;
}
footer a .nav-custom.icon:before{
	position: absolute;
	display: block;
	content: '';
	width: 104px;
	height: 104px;
	border-radius: 50%;
	left: -webkit-calc(50% - 52px);
	top: -54px;
	background-color: #fff;
	-webkit-box-shadow: 0 -1px 1px #ddd;
}
footer a .nav-custom.icon:after{
	position: absolute;
	display: block;
	content: '';
	width: 92px;
	height: 92px;
	border-radius: 50%;
	left: -webkit-calc(50% - 46px);
	top: -48px;
	background: #ff6461 url('../../temple/icon/dz.png') no-repeat center center;
}
footer a.active .nav-home.icon{
	background: url('../../temple/icon/home-active.png') no-repeat center center;
}
footer a.active .nav-sort.icon{
	background: url('../sprite/nav-sort-active.png') no-repeat center center;
}
footer a.active .nav-car.icon{
	background: url('../sprite/nav-car-active.png') no-repeat center center;
}
footer a.active .nav-user.icon{
	background: url('../sprite/nav-user-active.png') no-repeat center center;
}
/* 弹框 */
/* 弹框布局 */
.detail-basket {
	background-color: rgba(0, 0, 0, .5);
	bottom: 0;
	left: 0;
	top: 0;
	right: 0;
	z-index: 3;
}
.detail-basket > div {
	width: 100%;
	background-color: #fff;
	bottom: 0;
}
.detail-basketBottom {
	width: calc(100% - 40px);
	padding: 20px 20px 0 20px;
}
/* 弹框头部 */
.detail-basketInfo {
	height: 176px;
	padding-bottom: 30px;
}
.detail-basketInfo, .detail-choiceItem {
	border-bottom: 1px solid #ddd;
}
.detail-productShoot {
	width: 29.6%;
	height: 100%;
}
.detail-productShoot  div{
	width: 100%;
	bottom: 0;
	padding: 8px;
	border-radius: 5px;
	background: #fff;
	border: 1px solid #c9c9c9;
}
.detail-productShoot img {
	width: 100%;
	border-radius: 5px;
}
.detail-productInfo {
	margin-left: 18px;
	padding-left: 24px;
	padding-top: 40px;
	font-size: 30px;
	color: #444;
}
.detail-productInfo .price {
	color: #ff6461;
	line-height: 32px;
}
.detail-lh52 {
	line-height: 52px;
}
.detail-selected {
	color: #c0c0c0;
}
.detail-basketClose span{
	width: 40px;
	height: 40px;
	background: url('../../temple/images/detail-cancel.png') no-repeat center center;
}
/* 弹框计数 */
.detail-prouctCount {
	height: 124px;
	line-height: 124px;
	color: #333;
	font-size: 30px;
	border-bottom: 2px solid #ddd;
	margin-bottom: 90px;
}
.detail-countReduce, .detail-countAdd, .detail-countAmount{
	display: inline-block;
	border-radius: 5px;
	background-color: #f5f5f5;
	height: 60px;
	line-height: 60px;
	text-align: center;
	vertical-align: middle;
}
.detail-countAmount {
	width: 76px;
	margin: 0 2px;
	color: #3d4245;
	font-size: 30px;
}
.detail-countReduce, .detail-countAdd {
	width: 68px;
	position: relative;
}
.detail-countReduce.disable, .detail-countAdd.disable {
	background: #fbfbfb;
}
.detail-countReduce.disable:before, .detail-countAdd.disable:before {
	border-color: #c0c0c0;
}
.detail-countReduce:before, .detail-countAdd:before {
	content: '';
	position: absolute;
	width: 24px;
	border-top: 4px solid #999;
	top: 28px;
	left: 22px;
}
.detail-countAdd:after {
	content: '';
	position: absolute;
	height: 24px;
	border-left: 4px solid #999;
	top: 18px;
	left: 32px;
}
.detail-prouctCount div {
	padding-right: 16px;
}
/* 弹框加购物车、购买按钮 */
.detail-basketButton {
	display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
	display: flex;
	width: 100%;
	height: 110px;
	line-height: 110px;
	text-align: center;
	font-size: 32px;
	bottom: 0;
}
.detail-basketButton > div {
	/* display: table-cell; */
	width: 50%;
	border: 1px solid #ff6461;
}
.detail-basketAdd {
	color: #ff6461;
	background-color: #fff;
}
.detail-basketBuy {
	color: #fff;
	background-color: #ff6461;
}
/* 弹框选项 */
.detail-choiceItem p{
	line-height: 80px;
	color: #444;
	font-size: 30px;
}
.detail-choiceItem div span {
	display: inline-block;
	padding: 18px 20px;
	margin: 0 24px 22px 0;
	background-color: #f5f5f5;
	border-radius: 5px;
	font-size: 26px;
	color: #3d3d3d;
}
.detail-choiceItem div span.active{
	background-color: #ff6461;
	color: #fff;
}
.detail-choiceItem div span.disable{
	background-color: #fbfbfb;
	color: #c0c0c0;
}
/* 确认弹层 */
.set-cache{
    display: none;
}
.set-clear-cache{
    z-index: 10;
    position: absolute;
    top: 31%;
    width: 600px;
    height: 346px;
    background: #fff;
    text-align: center;
    left: calc((100% - 600px) / 2 );
    border-radius: 5px;
}
.set-clear-cache .cache-text{
    font-size: 28px;
    color: #b4b4b4;
    line-height: 250px;
    height: 250px;
}
.cache-text .cache-title{
    font-size: 30px;
    line-height: 30px;
    color: #454545;
    padding-top: 50px;
}
.cache-text .cache-title-text{
    line-height: 50px;
    padding-top: 40px;
}
.cache-confirm{
    height: 96px;
    width: 100%;
    line-height: 94px;
}
.cancel{
    width: 300px;
    background: #fff;
    color: #ff6461;
    border: 1px solid #ccc;
}
.confirm{
    width: 296px;
    background: #ff6461;
    color: #fff;
    border: 1px solid #ff6461;
}
/*遮罩*/
.set-shade{
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
    bottom: 0;
	right: 0;
}

.popUp{width: 480px; height: 240px; margin-left: auto; margin-right: auto; margin-top: 550px; background: #ffffff; border-radius: 5px;}
.popUp .tiia , .popUp .tiib{width: 100%; text-align: center;}
.popUp .tiia{height: 140px; line-height: 140px;}
.popUp .tiib{height: 100px; line-height: 100px;}
.popUp .tiia{font-size: 30px;}
.popUp .tiib{font-size: 28px; color: #ff6461;}
.popUp .tiib .tiib-a , .popUp .tiib .tiib-b{width: calc(50% - 2px); display: inline-block; border: 1px solid #ff6461;} 
.popUp .tiib .tiib-b{color: #ffffff; background: #ff6461;}

#wh100{width: 100%;}
#att{width: 100%;}
.all-wrap .content{
	width: 100%;
}